<template>
  <!-- 首页头部 -->
    <MainHead></MainHead>
  <el-row>
    <!-- 侧边导航 -->
    <el-col :span="5">
      <nav-tylir :loger="logUser"></nav-tylir>
    </el-col>
    <!-- 公告内容 -->
    <el-col :span="19">
      <el-iframe name="notice-content" width="100%" height="900px">
        <swiper></swiper>
        <notice></notice>
            <button @click="tiao">按钮</button>
            <router-link to="/navtylir/Community">to</router-link>
            <router-view></router-view>
      </el-iframe>
    </el-col>
  </el-row>
  <!-- 页脚 -->
  <el-row> 这是页脚 </el-row>
</template>

<script>
import MainHead from "./components/main/head.vue"
import swiper from "./components/swipers/container-swiper.vue"
import notice from "./components/swipers/notice.vue"
import NavTylir from './components/nav/navTylir/nav-tylir.vue'
import TylirAll from "./components/nav/navTylir/tylirAll.vue"

export default {
  name: "main_h",
  components: {
    MainHead,
    swiper,
    notice,
    NavTylir,
    TylirAll
},
  data() {
    return {
      logUser: {
        username: "里斯",
        job: "admin",
        id: 2
      },
    };
  },
  methods:{
    tiao(){
      this.$router.push("/navtylir/person");
    }
  }
};
</script>

